<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>dl&gt;dt&gt;dd</title>
<style type="text/css">
fieldset dl, fieldset dt, fieldset dd { position:relative; *zoom:1; }
fieldset dl:after, fieldset dt:after, fieldset dd { content:""; display:block; clear:both; }
fieldset dl { padding-left:240px; }
fieldset dt { float:right; width:100%; }
fieldset dd { width:240px; float:left; margin-left:0; margin-right:-240px; left:-240px; }
</style>
</head>
<body>

<h2>用户资料</h2>
<h3>http://demo.joomla.cn/using-joomla/extensions/components/users-component/user-profile/profile.html</h3>
<div class="profile">
  <fieldset id="users-profile-core">
    <legend> 用户资料 </legend>
    <dl>
      <dt> 姓名： </dt>
      <dd> demo </dd>
      <dt> 用户名： </dt>
      <dd> demo </dd>
      <dt> 注册日期 </dt>
      <dd> 2012-08-28 16:03 </dd>
      <dt> 最后登录时间 </dt>
      <dd> 2012-09-04 06:11 </dd>
    </dl>
  </fieldset>
  <fieldset id="users-profile-custom">
    <legend>基本设置</legend>
    <dl>
      <dt>主编</dt>
      <dd> 没输入任何信息 </dd>
      <dt>时区</dt>
      <dd> 没输入任何信息 </dd>
      <dt>前台语言</dt>
      <dd> 没输入任何信息 </dd>
      <dt>后台模板风格</dt>
      <dd> 没输入任何信息 </dd>
      <dt>后台管理语言</dt>
      <dd> 没输入任何信息 </dd>
      <dt>帮助网站</dt>
      <dd> 没输入任何信息 </dd>
    </dl>
  </fieldset>
  <a href="/using-joomla/extensions/components/users-component/user-profile.html?task=profile.edit&amp;user_id=45"> 编辑用户资料</a> </div>

</body>
</html>
